<template>
	<view>
		<view class="flex align-center p-2" hover-class="bg-light">
			<image src="/static/default.jpg"
			style="width: 100rpx; height: 100rpx;"
			class="rounded-circle"
			></image>
			
			<!-- 竖着的浮动布局   text-muted灰色  flex-1空白由中间来管-->
			<view class="flex flex-column flex-1 px-2">
				<text class="font-lg font-weight-bold text-dark">昵称</text>
				<text class="font text-muted">总帖子10  今日发帖0</text>
				
			</view>
			<text class="iconfont icon-jinru"></text>
			
		</view>
		
		
		<view class="flex align-center px-3 py-2">
			<view class="flex-1 flex flex-column align-center justify-center"
			v-for="(item,index) in myData" :key="index"
			>
				<text class="font-lg font-weight-bold">{{item.num}}</text>
				<text class="font text-muted">{{item.name}}</text>
			</view>
			<!-- <view class="flex-1 flex flex-column align-center justify-center">
				<text class="font-lg font-weight-bold">1</text>
				<text class="font text-muted">帖子</text>
			</view>
			<view class="flex-1 flex flex-column align-center justify-center">
				<text class="font-lg font-weight-bold">1</text>
				<text class="font text-muted">帖子</text>
			</view>
			<view class="flex-1 flex flex-column align-center justify-center">
				<text class="font-lg font-weight-bold">1</text>
				<text class="font text-muted">帖子</text>
			</view> -->
		</view>
		
		<view class="px-3 py-2">
			<image src="/static/demo/demo20.jpg" mode="aspectFill"
				style="height: 170rpx;width: 100%;" class="rounded"
			></image>
		</view>
		
<!-- 		<uni-list-item title="浏览历史" showExtraIcon>
			<text slot="icon" class="icon-liulan"></text>
		</uni-list-item> -->
		<uni-list-item title="浏览历史"></uni-list-item>
		<uni-list-item title="社区认证"></uni-list-item>
		<uni-list-item title="审核帖子"></uni-list-item>
	</view>
</template>

<script>
	
	import uniListItem from "@/components/uni-ui/uni-list-item/uni-list-item.vue"
	export default {
		components:{
		uniListItem	
		},
		data() {
			return {
				myData:[
					{
						name:"帖子",
						num:1
					},
					{
						name:"动态",
						num:1
					},
					{
						name:"评论",
						num:2
					},
					{
						name:"粉丝",
						num:0
					}
				]
			}
		},
		onNavigationBarButtonTap() {
			uni.navigateTo({
				url:"/pages/user-set/user-set"
			})
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
